body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,ol,ul,input,textarea{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal; color: #333;}
ol,ul{list-style: none;}
i{font-style: normal; font-family: consolas;}
a{text-decoration: none; color: #666;}
a:hover{color: #c81623;}
img,input,textarea{border: none;}
body{font-family: arial,"Microsoft YaHei", "宋体"}
.clearfix:after{content: '200B'; display: block; height: 0; font-size: 0; clear: both;}
.clearfix{*zoom: 1;}

.inner{width: 1210px; margin: 0 auto;}
.hot{color: #c81623;}

.header{border-bottom: 2px solid #b1191a;}

.header .loading{display: block; width: 32px; height: 32px; background: url(../images/loading.gif) no-repeat center; margin: 0 auto;}
.header .h_top{line-height: 30px; height: 30px; background-color: #f1f1f1; font-size: 12px; font-family:"微软雅黑"; color: #666; z-index: 60;}
.h_top .h_top_map{float: left; position: relative;}
.h_top .h_top_map p{padding: 0 10px; cursor: default;}
.h_top .h_top_map p.ac{border: 1px solid #ccc; border-bottom: 1px solid #fff; background: #fff; padding: 0 9px; height: 28px; line-height: 28px; position: relative; z-index: 100;}
.h_top .h_top_map .hide{position: absolute; top: 29px; left: 0px; width: 300px; /*height: 216px; */background: #fff; border: 1px solid #ccc; z-index: 60; box-shadow: 1px 2px 3px rgba(0,0,0,.2); display: none; padding: 10px 1px 10px 10px;}
.h_top .h_top_map .cities{display: none;}
.h_top .h_top_map .cities li{float: left; width: 51px; height: 24px; padding: 2px 0; margin-right: 9px;}
.h_top .h_top_map .cities a{height: 24px; line-height: 24px; padding: 0 7px; float: left; font-size: 12px; font-family: '宋体';}
.h_top .h_top_map .cities a:hover{background-color: #f4f4f4;}
.h_top .h_top_map .cities .ac a{color: #fff; background: #C81623;}

.h_top .h_top_nav{float: right;}
.h_top_nav li{float: left; position: relative;}
.h_top_nav li a{padding: 0 10px; display: inline-block; height: 30px;}
.h_top_nav li .phone{width: 15px; height: 20px; background: url(../images/jd2015img.png) no-repeat left top; display: inline-block; float: left; margin: 5px 3px 0 0;}
.h_top_nav .login{padding: 0;}
.h_top_nav .register{color: #c81623; padding: 0 13px 0 5px;}
.h_top_nav .line{width: 1px; height: 12px; background-color: #ddd; margin-top: 9px;}
.tri{width: 11px; height: 6px; line-height: 0px; overflow: hidden; margin-left: 9px; display: inline-block; transition: transform 0.2s linear; transform: rotate(0deg); font-family: "宋体";}

/*隐藏面板*/
.h_top_nav a.ac{border: 1px solid #ccc; border-bottom: 1px solid #fff; background: #fff; padding: 0 9px; height: 28px; line-height: 28px; position: relative; z-index: 100;}
.h_top_nav .my_jd .hide{width: 280px; background-color: #fff; position: absolute; left: 0px; top: 29px; display: none;box-shadow: 0 0 2px rgba(0,0,0,.2); z-index: 60; border: 1px solid #ccc; padding: 5px 0 5px;}
.my_jd .hide_content{display: none; font-family: "微软雅黑";}
.my_jd .hide_content a{height: 24px; line-height: 24px;}
.my_jd .hide_content .ul_top{padding: 5px 0 5px 15px ; border-bottom: 1px solid #f1f1f1;}
.my_jd .hide_content .ul_top li{width: 126px; height: 24px; line-height: 24px; float: left;}
.my_jd .hide_content .ul_top li a{padding: 0;}
.my_jd .hide_content .my_foot{padding: 10px 15px;}
.my_jd .hide_content .my_foot .foot_top{height: 24px; line-height: 24px;}
.my_jd .hide_content .my_foot .foot_top a{float: right;}
.my_jd .hide_content .my_foot .foot_top i{font-family: consolas; font-size: 14px;}
.my_jd .hide_content .my_foot .foot_top h4{font-weight: bold; font-size: 12px; color: #666; list-style: none; height: 24px; line-height: 24px;}
.my_jd .hide_content .my_foot .foot_pic li{padding: 4px; height: 50px; width: 50px; float: left;}
.my_jd .hide_content .my_foot .foot_pic li a{padding: 0;}

.h_top_nav .my_phone .hide{width: 250px;background-color: #fff;position: absolute; left: 0px; top: 29px; display: none;box-shadow: 0 0 2px rgba(0,0,0,.2); z-index: 60; border: 1px solid #ccc; padding: 5px 0;}
.h_top_nav .my_phone .hide .hide_content{ font-family: "微软雅黑";display: none; width: 250px; height: 195px; background: url(../images/shoujijd.jpg) no-repeat center;}
.my_phone .hide .hide_content .phone_jd{position: absolute; left: 98px; top: 7px; width: 50%; height: 90%;}

.h_top_nav .follow .hide{width: 86px; font-size: 0; text-align: center; display: none; position: absolute; top: 29px; left: 0; border: 1px solid #ccc; background: #fff; z-index: 60; padding: 5px 0 8px;box-shadow: 0 0 2px rgba(0,0,0,.2); line-height: 0;}
.h_top_nav .follow .hide .hide_content{display: none; font-family: "微软雅黑";}

.h_top_nav .service .hide{width: 170px; background: #fff; z-index: 60; border: 1px solid #ccc; position: absolute; top: 29px; left: -84px; display: none;box-shadow: 0 0 2px rgba(0,0,0,.2); padding: 5px 0;}
.service .hide .hide_content{display: none; font-family: "微软雅黑";}
.service .hide .hide_content .top{padding: 5px 0 5px; border-bottom: 1px dotted #ccc;}
.service .hide .hide_content .top dt{padding-left: 10px; height: 24px; line-height: 24px; font-weight: 700;}
.service .hide .hide_content .top dd{padding-left: 10px; float: left; width: 70px; height: 24px; line-height: 24px;}
.service .hide .hide_content .top dd a{padding: 0; height: 24px; line-height: 24px;}
.service .hide .hide_content .bot{padding: 5px 0 5px; border: none;}

.h_top_nav .website_nav .hide{width: 1208px; border: 1px solid #ccc; background: #fff; position: absolute; top: 29px; right: 0; z-index: 60; box-shadow: 0 0 2px rgba(0,0,0,.2); display: none; padding: 5px 0;}
.h_top_nav .website_nav .hide .hide_content{ padding: 15px 0 11px; font-family: "微软雅黑"; display: none;}
.website_nav .hide .hide_content dl{float: left; padding-left: 20px;}
.website_nav .hide .hide_content dt{height: 24px; line-height: 24px; margin-bottom: 6px; font-size: 13px; font-weight: bold;}
.website_nav .hide .hide_content dd{float: left; width: 86px; height: 24px;}
.website_nav .hide .hide_content a{height: 24px; line-height: 24px; padding: 0;}
.website_nav .hide .hide_content .dl_first{width: 347px;}
.website_nav .hide .hide_content .dl_sec{border-left: 1px solid #ddd; width: 259px;}

.header .h_mid{padding-top: 20px; position: relative;}
.h_mid .logo{width: 270px; height: 60px; float:left ;margin-right: 92px;}
.h_mid .search{width: 538px; margin: 5px 104px 0 0; height: 75px;float: left;}
.h_mid .search_top{display: inline-block; width: 534px; height: 32px; text-align: center; line-height: 32px; border: 2px solid #b61d1d; font-size: 14px;}
.h_mid .text_search{width: 444px; height: 32px; float: left; padding: 0 5px; color: #666;}
.h_mid .search_sub{width: 80px; height: 32px; background-color: #b61d1d; color: #fff; float: left; cursor: pointer; font-size: 16px;}
.h_mid .ul_under_search{width: 538px; line-height: 28px;height: 28px; overflow: hidden;}
.h_mid .ul_under_search li{float: left; font-size: 12px; margin-right: 11px; font-family: "宋体";}
.h_mid .shopcar{display: block; width: 95px; height: 34px; line-height: 34px; border: 1px solid #dfdfdf; float: left; margin-top: 6px; background-color: #f9f9f9; background: url(../images/jd2015img.png) no-repeat 18px -49px; padding-left: 44px; font-size: 12px; position: relative; z-index: 4;}
.h_mid .shopcar_hide{width: 278px;border: 1px solid #ddd; background: #fff; position: absolute; top: 61px; left: 835px; z-index: 60; box-shadow: 0 0 5px rgba(0,0,0,.2); display: none; padding: 10px 15px;}
.h_mid .shopcar_hide span.loading{padding-top: 40px;}
.h_mid .shopcar_ac{box-shadow: 0 0 5px rgba(0,0,0,.2); border-bottom: none; height: 35px;}
.h_mid .spacer{position: absolute; background: #fff; top: -6px; left: 169px; width: 139px; height: 10px; z-index: 5;}
.h_mid .shopcar_hide .nogoods{padding-left: 20px; height: 49px; line-height: 49px; color: #999; font-size: 12px; display: none;}
.h_mid .shopcar_hide .nogoods .icon_nogoods{display: inline-block; height: 49px; width: 56px; background: url(../images/nogoods.png) no-repeat center; vertical-align: middle;}

.h_mid .shopcar i{padding-left: 10px; font-family: consolas; font-size: 15px; float: right; margin-right: 11px; color: #999;}
.h_mid .shopcar .count{height: 14px; border-radius: 7px 7px 7px 0; background-color: #c81623; line-height: 14px; font-size: 12px; color: #fff; padding: 0 4px 0 5px; position: absolute; left: 104px; top: -4px;}





.all_nav{position: relative;}
.header .h_bot{line-height: 44px; font-size: 16px; z-index: 50; position: relative;}
.header .h_bot .all_products{width: 190px; background-color: #b1191a;padding: 0 10px; color: #fff;}
.header .h_bot li{float: left;}
.header .h_bot li a{display: block; height: 44px; padding: 0 20px; color: #333;}
.header .h_bot li a:hover{color: #C81623;}
.header .h_bot .hide_nav{width: 210px; height: 44px; background-color: #b1191a; font-size: 15px; line-height: 44px; position: relative; cursor: pointer;}
/*.header .h_bot .hide_nav:hover .tri{transform: rotate(180deg);}*/
.header .h_bot .hide_nav a{color: #fff; padding: 0 10px; float: left;}
.header .h_bot .hide_nav a:hover{color: #fff;}
.h_bot .hide_nav .tri{float: right; color: #fff; position: absolute; right: 15px; top: 20px; font-size: 19px; width: 17px; height: 7px; transition: transform 0.3s; padding: 0;}

.h_bot .hide_nav .sec_hide{width: 209px; height: 497px; border-left: 1px solid #b61d1d; color: #fff; background-color: #c81623; position: absolute; left: 0; top: 44px; z-index: 2; display: none;}
.h_bot .hide_nav .sec_hide dt{height: 46px; background-color: #b1191a; line-height: 44px; padding: 0 9px;}
.h_bot .hide_nav .sec_hide dd{height: 31px; line-height: 31px; padding: 0 13px 0 10px;}
.h_bot .hide_nav .sec_hide dd:hover{background-color: #fff;}
.h_bot .hide_nav .sec_hide dd:hover h5{color: #333;}
.h_bot .hide_nav .sec_hide dd:hover a{color: #333;}
.h_bot .hide_nav .sec_hide dd a:hover{color: #C81623;}
.h_bot .hide_nav .sec_hide dd a{color: #fff; display: inline-block; float: none; padding: 0;}
.h_bot .hide_nav .sec_hide dd i{float: right;}
.h_bot .hide_nav .sec_hide dd h5{float: left; font-size: 14px; width: 175px; height: 31px; overflow: hidden; color: #fff;}
.h_bot .hide_nav .sec_hide dd.ac{background-color: #fff;}
.h_bot .hide_nav .sec_hide dd.ac h5{color: #333;}
.h_bot .hide_nav .sec_hide dd.ac a{color: #333;}
.h_bot .hide_nav .sec_hide dd.ac a:hover{color: #C81623;}

.all_nav .section{position: absolute; top: 43px; left: 556px; width: 959px; min-height: 465px; background-color: #f7f7f7; border: 1px solid #b61d1d; z-index: 10; padding: 0 20px; display: none;}
.section .left{float: left; width: 707px; overflow: hidden;}
.left .brand{padding-top: 20px; width: 715px;}
.left .brand a{display: block; height: 24px; line-height: 24px; background-color: #7c7171; color: #fff; padding: 0 31px 0 8px; position: relative; font-size: 12px; float: left; margin-right: 10px;}
.left .brand i{position: absolute; right: 0; top: 1px; width: 23px; height: 23px; background-color: #5c5251; font-family: consolas; font-size: 13px; text-align: center;}
.left .brand a:hover{background-color: #C81623;}
.left .brand a:hover i{background-color: #b1191a;}
.left .brand .active{background-color: #C81623;}
.brand .active i{background-color: #b1191a;}

.section .menu{padding-top: 6px;}
.section .menu dl{padding-top: 10px;}
.section .menu dt{width: 84px;font-size: 12px; font-weight: bold; position: relative; float: left; overflow: hidden;}
.section .menu dt a{display: block; width: 54px; text-align: right; height: 20px;}
.section .menu dt i{position: absolute; right: 17px; top: 0;}
.section .menu dd{padding-bottom: 2px; border-bottom: 1px solid #f2f2f2; width: 621px; float: left;}
.section .menu dd a{display: block; height: 16px; line-height: 16px; padding: 0 8px; margin-bottom: 8px; border-left: 1px solid #e5e5e5; float: left; font-size: 12px;}

.section .right{float: right; width: 168px; padding-top: 20px; font-size: 0;}
.section .right .a_under_pic{display: block; margin-bottom: 1px;}
.right .icon_list{width: 168px; padding-bottom: 10px;}
.icon_list li{float: left; margin: 0 0 1px 1px; font-size: 0;}



.fixed_nav{width: 6px; height: 100%; background: #7a6e6e; position: fixed; right: 0;top: 0;}
.fixed_nav .ul_icon1{position: absolute; left: -32px; top: 381px;}
.fixed_nav li:hover i{background-color: #C81623;}
.fixed_nav i{ z-index: 10; display: block; width: 38px; height: 35px; border-radius: 3px 0 0 3px; margin-bottom: 1px; background: #7A6E6E url(../images/toolbars.png) no-repeat -88px -175px; position: relative;}
.fixed_nav li{cursor: pointer; position: relative;}
.fixed_nav .ul_icon1 .icon2{background-position: -186px -203px; }
.fixed_nav .ul_icon1 .icon3{background-position: -50px 0px;}
.fixed_nav .ul_icon1 .icon4{background-position: -190px -100px;}
.fixed_nav .ul_icon1 .icon5{background-position: -50px -50px;}
.fixed_nav .ul_icon1 .icon6{background-position: -50px -100px;}
.fixed_nav .ul_icon1 .icon7{background-position: -50px -150px;}
.fixed_nav .ul_icon1 .icon11{background-position: -190px -150px;}
.fixed_nav .ul_icon2{position: absolute; left: -32px; bottom: 0;}
.fixed_nav .ul_icon2 i{width: 38px; height: 35px; border-radius: 3px 0 0 3px; margin-bottom: 1px; background: #7A6E6E url(../images/toolbars.png) no-repeat -50px -300px; z-index: 10; position: relative;}
.fixed_nav .ul_icon2 li:hover i{background-color: #C81623;}
.fixed_nav .ul_icon2 .icon8{background: #7A6E6E url(../images/599d3334Nf16495a3.gif) no-repeat 8px 10px;}
.fixed_nav .ul_icon2 .icon10{background-position: -50px -250px;}
.fixed_nav p{z-index: 1; width: 62px; height: 35px; line-height: 35px; background-color: #C81623; color: #fff; border-radius: 3px 0 0 3px; display: none; position: absolute; top: 0; left: 0;font-size: 12px; text-align: center;}
.fixed_nav .ul_icon2 .icon8{position: relative;}
.fixed_nav .hide_follow{padding: 12px;border-radius: 5px;position: absolute;left: -145px;top: -152px;background: #e93536;color: #fff;font-size: 14px;}
.fixed_nav .hide_follow .closeBtn{position: absolute;border: 1px solid #fff;color: #fff;background: #e93536;border-radius: 10px;right: -5px;top: -5px;width: 15px;height: 15px;text-align: center;font: 15px/15px consolas;}
.fixed_nav .hide_follow h5{padding-bottom: 10px; text-align: center; color: #fff; font-size: 13px; display: block;}
.fixed_nav .hide_follow img{width: 118px; height: 118px;}